$(() => {
    // 校验用户是否登录
    // 根据cookie校验
    // 获取用户名
    let username = getCookie('username');
    if (username) {
      // 将用户名和退出渲染页面中
      $('.login').html(`<li class="num1"><a href="#" class="please">欢迎尊贵的<span>${username}</span>VIP来到唯品会！</a>
      <div class="menu1 menu">
        <p>您好!&nbsp;&nbsp;[已登录]</p>
        <ul class="clearfix">
          <li><a href="">我的收藏</a></li>
          <li><a href="">我的订单</a></li>
          <li><a href="">零钱</a></li>
          <li><a href="">我的优惠券</a></li>
          <li><a href="">我的唯品币</a></li>
          <li><a href="">唯品金融</a></li>
        </ul>
      </div>
    </li>
    <li><a href="javascript:;" class="rigster logout">退出</a></li>`)
      // 用户登录信息渲染之后,给退出点击事件,完成退出
      $('.logout').click(() => {
        // 使用一个 提示弹出层
        let index = layer.confirm('你真的要退出吗?', () => {
          // 点击确定
          // 清除cookie
          delCookie('username');
          // 关闭弹出层
          layer.close(index);
          // 渲染登录注册
          $('.login').html(` <li class="num1"><a href="login.html" class="please">请登录</a>
          <div class="menu1 menu">
            <p>您好!&nbsp;&nbsp;[请登录]</p>
            <ul class="clearfix">
              <li><a href="">我的收藏</a></li>
              <li><a href="">我的订单</a></li>
              <li><a href="">零钱</a></li>
              <li><a href="">我的优惠券</a></li>
              <li><a href="">我的唯品币</a></li>
              <li><a href="">唯品金融</a></li>
            </ul>
          </div>
        </li>
        <li><a href="register.html" class="rigster">注册</a></li>`)
        }, () => {
          layer.msg('你已经取消退出');
        })
      })
    } else {
      // 渲染登录注册
      $('.login').html(` <li class="num1"><a href="login.html" class="please">请登录</a>
      <div class="menu1 menu">
        <p>您好!&nbsp;&nbsp;[请登录]</p>
        <ul class="clearfix">
          <li><a href="">我的收藏</a></li>
          <li><a href="">我的订单</a></li>
          <li><a href="">零钱</a></li>
          <li><a href="">我的优惠券</a></li>
          <li><a href="">我的唯品币</a></li>
          <li><a href="">唯品金融</a></li>
        </ul>
      </div>
    </li>
    <li><a href="register.html" class="rigster">注册</a></li>`)
    }
  })